From: James D. Forrester Date: Mon, 11 May 2015 17:30:52 +0000 (+0100) Subject: Update OOjs UI to v0.11.2 X-Git-Tag: 1.31.0-rc.0~11444^2 X-Git-Url: http://git.cyclocoop.org/%28%5B%5E/404?a=commitdiff_plain;h=dfdf72045fe472c76391441cf17fb6e5ec0582f8;p=lhc%2Fweb%2Fwiklou.git Update OOjs UI to v0.11.2 Release notes: https://git.wikimedia.org/blob/oojs%2Fui.git/v0.11.2/History.md Change-Id: I0188c5b80958d9a6a3d063292df724f507b7287f --- diff --git a/composer.json b/composer.json index 6dc72e73b5..bc0dacbd49 100644 --- a/composer.json +++ b/composer.json @@ -20,7 +20,7 @@ "ext-iconv": "*", "leafo/lessphp": "0.5.0", "liuggio/statsd-php-client": "1.0.12", - "oojs/oojs-ui": "0.11.1", + "oojs/oojs-ui": "0.11.2", "php": ">=5.3.3", "psr/log": "1.0.0", "wikimedia/cdb": "1.0.1", diff --git a/resources/lib/oojs-ui/i18n/ku-latn.json b/resources/lib/oojs-ui/i18n/ku-latn.json new file mode 100644 index 0000000000..be9a8abd09 --- /dev/null +++ b/resources/lib/oojs-ui/i18n/ku-latn.json @@ -0,0 +1,13 @@ +{ + "@metadata": { + "authors": [ + "George Animal" + ] + }, + "ooui-toolgroup-expand": "Bêhtir", + "ooui-toolgroup-collapse": "Kêmtir", + "ooui-dialog-message-accept": "Baş e", + "ooui-dialog-message-reject": "Betal bike", + "ooui-dialog-process-retry": "Dîsa hewl bide", + "ooui-dialog-process-continue": "Bidomîne" +} diff --git a/resources/lib/oojs-ui/oojs-ui-mediawiki-noimages.css b/resources/lib/oojs-ui/oojs-ui-mediawiki-noimages.css index 297739d223..a3566c61bb 100644 --- a/resources/lib/oojs-ui/oojs-ui-mediawiki-noimages.css +++ b/resources/lib/oojs-ui/oojs-ui-mediawiki-noimages.css @@ -1,12 +1,12 @@ /*! - * OOjs UI v0.11.1 + * OOjs UI v0.11.2 * https://www.mediawiki.org/wiki/OOjs_UI * * Copyright 2011–2015 OOjs Team and other contributors. * Released under the MIT license * http://oojs.mit-license.org * - * Date: 2015-05-05T00:40:57Z + * Date: 2015-05-11T17:24:34Z */ @-webkit-keyframes oo-ui-progressBarWidget-slide { from { @@ -731,16 +731,20 @@ margin-left: 1.25em; } .oo-ui-toolGroupTool > .oo-ui-popupToolGroup { + border: 0; + border-radius: 0; margin: 0; } +.oo-ui-toolGroupTool > .oo-ui-toolGroup { + border-right: none; +} .oo-ui-toolGroupTool > .oo-ui-popupToolGroup > .oo-ui-popupToolGroup-handle { - height: 1.875em; + height: 2.5em; padding: 0.3125em; } .oo-ui-toolGroupTool > .oo-ui-popupToolGroup > .oo-ui-popupToolGroup-handle .oo-ui-iconElement-icon { - height: 1.875em; + height: 2.5em; width: 1.875em; - opacity: 0.8; } .oo-ui-toolGroupTool > .oo-ui-popupToolGroup.oo-ui-labelElement > .oo-ui-popupToolGroup-handle .oo-ui-labelElement-label { line-height: 2.1em; @@ -748,7 +752,8 @@ .oo-ui-toolGroup { display: inline-block; vertical-align: middle; - margin: 0.375em; + border-radius: 0; + border-right: 1px solid #dddddd; } .oo-ui-toolGroup-empty { display: none; @@ -763,12 +768,12 @@ .oo-ui-toolbar-narrow .oo-ui-toolGroup + .oo-ui-toolGroup { margin-left: 0; } +.oo-ui-toolGroup .oo-ui-toolGroup .oo-ui-widget-enabled { + border-right: none !important; +} .oo-ui-toolGroup.oo-ui-widget-enabled .oo-ui-tool-link .oo-ui-tool-title { color: #000000; } -.oo-ui-toolGroup.oo-ui-widget-enabled .oo-ui-tool-link .oo-ui-tool-accel { - color: #888888; -} .oo-ui-barToolGroup > .oo-ui-iconElement-icon, .oo-ui-barToolGroup > .oo-ui-labelElement-label { display: none; @@ -798,35 +803,50 @@ } .oo-ui-barToolGroup > .oo-ui-toolGroup-tools > .oo-ui-tool > .oo-ui-tool-link { height: 1.875em; - padding: 0.3125em; + padding: 0.625em; } .oo-ui-barToolGroup > .oo-ui-toolGroup-tools > .oo-ui-tool > .oo-ui-tool-link .oo-ui-iconElement-icon { height: 1.875em; width: 1.875em; - opacity: 0.8; } .oo-ui-barToolGroup > .oo-ui-toolGroup-tools > .oo-ui-tool > .oo-ui-tool-link .oo-ui-tool-title { line-height: 2.1em; + padding: 0 0.4em; +} +.oo-ui-barToolGroup.oo-ui-widget-enabled > .oo-ui-toolGroup-tools > .oo-ui-tool.oo-ui-widget-enabled:hover { + border-color: rgba(0, 0, 0, 0.2); + background-color: #eeeeee; } .oo-ui-barToolGroup.oo-ui-widget-enabled > .oo-ui-toolGroup-tools > .oo-ui-tool.oo-ui-tool-active.oo-ui-widget-enabled { + border-color: rgba(0, 0, 0, 0.2); + box-shadow: inset 0 0.07em 0.07em 0 rgba(0, 0, 0, 0.07); + background-color: #e5e5e5; +} +.oo-ui-barToolGroup.oo-ui-widget-enabled > .oo-ui-toolGroup-tools > .oo-ui-tool.oo-ui-tool-active.oo-ui-widget-enabled:hover { background-color: #eeeeee; } +.oo-ui-barToolGroup.oo-ui-widget-enabled > .oo-ui-toolGroup-tools > .oo-ui-tool.oo-ui-tool-active.oo-ui-widget-enabled + .oo-ui-tool-active.oo-ui-widget-enabled { + border-left-color: rgba(0, 0, 0, 0.1); +} .oo-ui-barToolGroup.oo-ui-widget-enabled > .oo-ui-toolGroup-tools > .oo-ui-tool.oo-ui-widget-disabled > .oo-ui-tool-link .oo-ui-iconElement-icon { opacity: 0.2; } -.oo-ui-barToolGroup.oo-ui-widget-enabled > .oo-ui-toolGroup-tools > .oo-ui-tool.oo-ui-widget-enabled > .oo-ui-tool-link .oo-ui-iconElement-icon { - opacity: 0.8; +.oo-ui-barToolGroup.oo-ui-widget-enabled > .oo-ui-toolGroup-tools > .oo-ui-tool.oo-ui-widget-enabled .oo-ui-iconElement-icon { + opacity: 0.7; } .oo-ui-barToolGroup.oo-ui-widget-enabled > .oo-ui-toolGroup-tools > .oo-ui-tool.oo-ui-widget-enabled:hover > .oo-ui-tool-link .oo-ui-iconElement-icon { - opacity: 1; + opacity: 0.9; +} +.oo-ui-barToolGroup.oo-ui-widget-enabled > .oo-ui-toolGroup-tools > .oo-ui-tool.oo-ui-widget-enabled:active { + background-color: #e7e7e7; } .oo-ui-barToolGroup.oo-ui-widget-disabled > .oo-ui-toolGroup-tools > .oo-ui-tool > .oo-ui-tool-link .oo-ui-iconElement-icon { opacity: 0.2; } .oo-ui-popupToolGroup { position: relative; - height: 2.5em; - min-width: 2.5em; + height: 3.125em; + min-width: 2em; } .oo-ui-popupToolGroup-handle { display: block; @@ -906,27 +926,39 @@ margin-left: 2.5em; } .oo-ui-popupToolGroup.oo-ui-labelElement.oo-ui-indicatorElement .oo-ui-popupToolGroup-handle .oo-ui-labelElement-label { - margin-right: 2.25em; + margin-right: 2em; } .oo-ui-toolbar-narrow .oo-ui-popupToolGroup.oo-ui-labelElement.oo-ui-indicatorElement .oo-ui-popupToolGroup-handle .oo-ui-labelElement-label { margin-right: 1.75em; } +.oo-ui-popupToolGroup.oo-ui-widget-enabled .oo-ui-popupToolGroup-handle:hover { + background-color: #eeeeee; +} +.oo-ui-popupToolGroup.oo-ui-widget-enabled .oo-ui-popupToolGroup-handle:active { + background-color: #e5e5e5; +} +.oo-ui-popupToolGroup-handle { + padding: 0.3125em; + height: 2.5em; +} .oo-ui-popupToolGroup-handle .oo-ui-indicatorElement-indicator { width: 0.9375em; - height: 0.9375em; - margin: 0.78125em; + height: 1.625em; + margin: 0.78125em 0.5em; top: 0; right: 0; + opacity: 0.3; } .oo-ui-toolbar-narrow .oo-ui-popupToolGroup-handle .oo-ui-indicatorElement-indicator { right: -0.3125em; } .oo-ui-popupToolGroup-handle .oo-ui-iconElement-icon { width: 1.875em; - height: 1.875em; - margin: 0.3125em; + height: 2.6em; + margin: 0.25em; top: 0; left: 0.3125em; + opacity: 0.7; } .oo-ui-toolbar-narrow .oo-ui-popupToolGroup-handle .oo-ui-iconElement-icon { left: 0; @@ -936,15 +968,26 @@ margin: 0 0.6em; font-weight: bold; } +.oo-ui-popupToolGroup-active.oo-ui-widget-enabled { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + box-shadow: inset 0 0.07em 0.07em 0 rgba(0, 0, 0, 0.07); + background-color: #eeeeee; +} .oo-ui-popupToolGroup .oo-ui-toolGroup-tools { - top: 2.5em; - background-color: white; + top: 3.125em; + margin: 0 -1px; + border: 1px solid #cccccc; + background-color: #ffffff; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2); + min-width: 16em; } .oo-ui-popupToolGroup .oo-ui-tool-link { - padding: 0.3125em 0 0.3125em 0.3125em; + padding: 0.4em 0.625em; + box-sizing: border-box; } .oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-iconElement-icon { - height: 1.875em; + height: 2.5em; width: 1.875em; min-width: 1.875em; } @@ -955,6 +998,9 @@ .oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-tool-title { line-height: 2em; } +.oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-tool-accel { + color: #888888; +} .oo-ui-listToolGroup .oo-ui-tool { display: block; -webkit-box-sizing: border-box; @@ -967,15 +1013,30 @@ .oo-ui-listToolGroup .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link { cursor: default; } -.oo-ui-listToolGroup .oo-ui-tool { - padding: 0 0.9375em 0 0.3125em; +.oo-ui-listToolGroup.oo-ui-popupToolGroup-active { + border-color: rgba(0, 0, 0, 0.2); } .oo-ui-listToolGroup .oo-ui-tool.oo-ui-widget-enabled:hover { + border-color: rgba(0, 0, 0, 0.2); background-color: #eeeeee; } -.oo-ui-listToolGroup .oo-ui-tool-active.oo-ui-widget-enabled, +.oo-ui-listToolGroup .oo-ui-tool.oo-ui-widget-enabled:active { + background-color: #e7e7e7; +} +.oo-ui-listToolGroup .oo-ui-tool.oo-ui-widget-enabled:hover .oo-ui-tool-link .oo-ui-iconElement-icon { + opacity: 0.9; +} +.oo-ui-listToolGroup .oo-ui-tool-active.oo-ui-widget-enabled { + border-color: rgba(0, 0, 0, 0.1); + box-shadow: inset 0 0.07em 0.07em 0 rgba(0, 0, 0, 0.07); + background-color: #e5e5e5; +} +.oo-ui-listToolGroup .oo-ui-tool-active.oo-ui-widget-enabled + .oo-ui-tool-active.oo-ui-widget-enabled { + border-top-color: rgba(0, 0, 0, 0.1); +} .oo-ui-listToolGroup .oo-ui-tool-active.oo-ui-widget-enabled:hover { - background-color: #d0d0d0; + border-color: rgba(0, 0, 0, 0.2); + background-color: #eeeeee; } .oo-ui-listToolGroup .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link .oo-ui-tool-title { color: #cccccc; @@ -993,16 +1054,6 @@ .oo-ui-listToolGroup.oo-ui-widget-disabled .oo-ui-iconElement-icon { opacity: 0.2; } -.oo-ui-listToolGroup .oo-ui-toolGroup-tools { - padding: 0.3125em 0 0.3125em 0; - border: 1px solid #aaaaaa; - border-radius: 0.25em; - box-shadow: inset 0 -0.25em 0 0 rgba(0, 0, 0, 0.2), 0 0.125em 0 0 rgba(0, 0, 0, 0.1); -} -.oo-ui-menuToolGroup { - border: 1px solid #cccccc; - border-radius: 0.125em; -} .oo-ui-menuToolGroup .oo-ui-tool { display: block; } @@ -1018,23 +1069,6 @@ .oo-ui-toolbar-narrow .oo-ui-menuToolGroup .oo-ui-popupToolGroup-handle { min-width: 8.125em; } -.oo-ui-menuToolGroup .oo-ui-toolGroup-tools { - margin-left: -1px; - padding: 0.3125em 0 0.3125em 0; - border: 1px solid #aaaaaa; - border-radius: 0.25em; - border-top-left-radius: 0; - box-shadow: inset 0 -0.25em 0 0 rgba(0, 0, 0, 0.2), 0 0.125em 0 0 rgba(0, 0, 0, 0.1); -} -.oo-ui-menuToolGroup.oo-ui-widget-enabled:hover { - border-color: #aaaaaa; -} -.oo-ui-menuToolGroup.oo-ui-popupToolGroup-active { - border-color: #aaaaaa; -} -.oo-ui-menuToolGroup .oo-ui-tool { - padding: 0 1.25em 0 0.3125em; -} .oo-ui-menuToolGroup .oo-ui-tool-link .oo-ui-iconElement-icon { background-image: none; } @@ -1055,7 +1089,6 @@ } .oo-ui-menuToolGroup.oo-ui-widget-disabled { color: #cccccc; - border-color: #cccccc; } .oo-ui-menuToolGroup.oo-ui-widget-disabled .oo-ui-indicatorElement-indicator, .oo-ui-menuToolGroup.oo-ui-widget-disabled .oo-ui-iconElement-icon { @@ -1066,10 +1099,14 @@ } .oo-ui-toolbar-bar { line-height: 1em; + position: relative; } .oo-ui-toolbar-actions { float: right; } +.oo-ui-toolbar-actions .oo-ui-toolbar { + display: inline-block; +} .oo-ui-toolbar-tools { display: inline; white-space: nowrap; @@ -1104,31 +1141,29 @@ pointer-events: none; } .oo-ui-toolbar-bar { - border-bottom: 2px solid rgba(0, 0, 0, 0.15); - background: #ffffff; + border-bottom: 1px solid #cccccc; + background-color: #ffffff; + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); + font-weight: 500; + color: #555555; } .oo-ui-toolbar-bar .oo-ui-toolbar-bar { border: none; background: none; } -.oo-ui-toolbar-shadow { - display: none; -} -.oo-ui-selectWidget { - border-radius: 2px; -} -.oo-ui-selectWidget .oo-ui-buttonOptionWidget .oo-ui-buttonElement-button { - border-radius: 0; - margin-left: -1px; +.oo-ui-toolbar-actions > .oo-ui-buttonElement { + margin-top: 0.25em; + margin-bottom: 0.25em; } -.oo-ui-selectWidget .oo-ui-buttonOptionWidget:first-child .oo-ui-buttonElement-button { - border-bottom-left-radius: 2px; - border-top-left-radius: 2px; - margin-left: 0; +.oo-ui-toolbar-actions > .oo-ui-toolbar, +.oo-ui-toolbar-actions > .oo-ui-buttonElement:last-child { + margin-right: 0.5em; } -.oo-ui-selectWidget .oo-ui-buttonOptionWidget:last-child .oo-ui-buttonElement-button { - border-bottom-right-radius: 2px; - border-top-right-radius: 2px; +.oo-ui-toolbar-shadow { + background-image: /* @embed */ url(themes/mediawiki/images/toolbar-shadow.png); + bottom: -9px; + height: 9px; + opacity: 0.5; } .oo-ui-optionWidget { position: relative; @@ -1953,8 +1988,8 @@ display: block; } .oo-ui-menuOptionWidget.oo-ui-optionWidget-selected { - background-color: #999999; - color: #ffffff; + background-color: #d8e6fe; + color: rgba(0, 0, 0, 0.8); } .oo-ui-menuOptionWidget.oo-ui-optionWidget-selected .oo-ui-iconElement-icon { display: none; @@ -1963,6 +1998,9 @@ background-color: #eeeeee; color: black; } +.oo-ui-menuOptionWidget.oo-ui-optionWidget-selected.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted { + background-color: #d8e6fe; +} .oo-ui-menuSectionOptionWidget { cursor: default; padding: 0.33em 0.75em; @@ -2162,10 +2200,10 @@ color: #666666; font-weight: bold; } -.oo-ui-tabOptionWidget:hover { +.oo-ui-tabOptionWidget.oo-ui-widget-enabled:hover { background-color: rgba(255, 255, 255, 0.3); } -.oo-ui-tabOptionWidget:active { +.oo-ui-tabOptionWidget.oo-ui-widget-enabled:active { background-color: rgba(255, 255, 255, 0.8); } .oo-ui-tabOptionWidget.oo-ui-indicatorElement .oo-ui-labelElement-label { diff --git a/resources/lib/oojs-ui/oojs-ui-mediawiki.js b/resources/lib/oojs-ui/oojs-ui-mediawiki.js index b013b1a9d5..183fe8e6af 100644 --- a/resources/lib/oojs-ui/oojs-ui-mediawiki.js +++ b/resources/lib/oojs-ui/oojs-ui-mediawiki.js @@ -1,12 +1,12 @@ /*! - * OOjs UI v0.11.1 + * OOjs UI v0.11.2 * https://www.mediawiki.org/wiki/OOjs_UI * * Copyright 2011–2015 OOjs Team and other contributors. * Released under the MIT license * http://oojs.mit-license.org * - * Date: 2015-05-05T00:40:50Z + * Date: 2015-05-11T17:24:27Z */ /** * @class diff --git a/resources/lib/oojs-ui/oojs-ui.js b/resources/lib/oojs-ui/oojs-ui.js index f6d6128d77..f881a12aba 100644 --- a/resources/lib/oojs-ui/oojs-ui.js +++ b/resources/lib/oojs-ui/oojs-ui.js @@ -1,12 +1,12 @@ /*! - * OOjs UI v0.11.1 + * OOjs UI v0.11.2 * https://www.mediawiki.org/wiki/OOjs_UI * * Copyright 2011–2015 OOjs Team and other contributors. * Released under the MIT license * http://oojs.mit-license.org * - * Date: 2015-05-05T00:40:50Z + * Date: 2015-05-11T17:24:27Z */ ( function ( OO ) { @@ -4187,9 +4187,10 @@ OO.ui.ButtonElement.prototype.onMouseUp = function ( e ) { */ OO.ui.ButtonElement.prototype.onClick = function ( e ) { if ( !this.isDisabled() && e.which === 1 ) { - this.emit( 'click' ); + if ( this.emit( 'click' ) ) { + return false; + } } - return false; }; /** @@ -4232,8 +4233,9 @@ OO.ui.ButtonElement.prototype.onKeyUp = function ( e ) { */ OO.ui.ButtonElement.prototype.onKeyPress = function ( e ) { if ( !this.isDisabled() && ( e.which === OO.ui.Keys.SPACE || e.which === OO.ui.Keys.ENTER ) ) { - this.emit( 'click' ); - return false; + if ( this.emit( 'click' ) ) { + return false; + } } }; @@ -5739,16 +5741,15 @@ OO.ui.LookupElement.prototype.populateLookupMenu = function () { }; /** - * Select and highlight the first selectable item in the menu. + * Highlight the first selectable item in the menu. * * @private * @chainable */ OO.ui.LookupElement.prototype.initializeLookupMenuSelection = function () { if ( !this.lookupMenu.getSelectedItem() ) { - this.lookupMenu.selectItem( this.lookupMenu.getFirstSelectableItem() ); + this.lookupMenu.highlightItem( this.lookupMenu.getFirstSelectableItem() ); } - this.lookupMenu.highlightItem( this.lookupMenu.getSelectedItem() ); }; /** @@ -6695,9 +6696,9 @@ OO.ui.Tool.prototype.destroy = function () { /** * Collection of tool groups. * - * @example - * // Basic OOjs UI toolbar example + * The following is a minimal example using several tools and tool groups. * + * @example * // Create the toolbar * var toolFactory = new OO.ui.ToolFactory(); * var toolGroupFactory = new OO.ui.ToolGroupFactory(); @@ -6711,7 +6712,123 @@ OO.ui.Tool.prototype.destroy = function () { * // Create a class inheriting from OO.ui.Tool * function PictureTool() { * PictureTool.super.apply( this, arguments ); + * } + * OO.inheritClass( PictureTool, OO.ui.Tool ); + * // Each tool must have a 'name' (used as an internal identifier, see later) and at least one + * // of 'icon' and 'title' (displayed icon and text). + * PictureTool.static.name = 'picture'; + * PictureTool.static.icon = 'picture'; + * PictureTool.static.title = 'Insert picture'; + * // Defines the action that will happen when this tool is selected (clicked). + * PictureTool.prototype.onSelect = function () { + * $area.text( 'Picture tool clicked!' ); + * // Never display this tool as "active" (selected). + * this.setActive( false ); * }; + * // Make this tool available in our toolFactory and thus our toolbar + * toolFactory.register( PictureTool ); + * + * // Register two more tools, nothing interesting here + * function SettingsTool() { + * SettingsTool.super.apply( this, arguments ); + * } + * OO.inheritClass( SettingsTool, OO.ui.Tool ); + * SettingsTool.static.name = 'settings'; + * SettingsTool.static.icon = 'settings'; + * SettingsTool.static.title = 'Change settings'; + * SettingsTool.prototype.onSelect = function () { + * $area.text( 'Settings tool clicked!' ); + * this.setActive( false ); + * }; + * toolFactory.register( SettingsTool ); + * + * // Register two more tools, nothing interesting here + * function StuffTool() { + * StuffTool.super.apply( this, arguments ); + * } + * OO.inheritClass( StuffTool, OO.ui.Tool ); + * StuffTool.static.name = 'stuff'; + * StuffTool.static.icon = 'ellipsis'; + * StuffTool.static.title = 'More stuff'; + * StuffTool.prototype.onSelect = function () { + * $area.text( 'More stuff tool clicked!' ); + * this.setActive( false ); + * }; + * toolFactory.register( StuffTool ); + * + * // This is a PopupTool. Rather than having a custom 'onSelect' action, it will display a + * // little popup window (a PopupWidget). + * function HelpTool( toolGroup, config ) { + * OO.ui.PopupTool.call( this, toolGroup, $.extend( { popup: { + * padded: true, + * label: 'Help', + * head: true + * } }, config ) ); + * this.popup.$body.append( '

I am helpful!

' ); + * } + * OO.inheritClass( HelpTool, OO.ui.PopupTool ); + * HelpTool.static.name = 'help'; + * HelpTool.static.icon = 'help'; + * HelpTool.static.title = 'Help'; + * toolFactory.register( HelpTool ); + * + * // Finally define which tools and in what order appear in the toolbar. Each tool may only be + * // used once (but not all defined tools must be used). + * toolbar.setup( [ + * { + * // 'bar' tool groups display tools' icons only, side-by-side. + * type: 'bar', + * include: [ 'picture', 'help' ] + * }, + * { + * // 'list' tool groups display both the titles and icons, in a dropdown list. + * type: 'list', + * indicator: 'down', + * label: 'More', + * include: [ 'settings', 'stuff' ] + * } + * // Note how the tools themselves are toolgroup-agnostic - the same tool can be displayed + * // either in a 'list' or a 'bar'. There is a 'menu' tool group too, not showcased here, + * // since it's more complicated to use. (See the next example snippet on this page.) + * ] ); + * + * // Create some UI around the toolbar and place it in the document + * var frame = new OO.ui.PanelLayout( { + * expanded: false, + * framed: true + * } ); + * var contentFrame = new OO.ui.PanelLayout( { + * expanded: false, + * padded: true + * } ); + * frame.$element.append( + * toolbar.$element, + * contentFrame.$element.append( $area ) + * ); + * $( 'body' ).append( frame.$element ); + * + * // Here is where the toolbar is actually built. This must be done after inserting it into the + * // document. + * toolbar.initialize(); + * + * The following example extends the previous one to illustrate 'menu' tool groups and the usage of + * 'updateState' event. + * + * @example + * // Create the toolbar + * var toolFactory = new OO.ui.ToolFactory(); + * var toolGroupFactory = new OO.ui.ToolGroupFactory(); + * var toolbar = new OO.ui.Toolbar( toolFactory, toolGroupFactory ); + * + * // We will be placing status text in this element when tools are used + * var $area = $( '

' ).text( 'Toolbar example' ); + * + * // Define the tools that we're going to place in our toolbar + * + * // Create a class inheriting from OO.ui.Tool + * function PictureTool() { + * PictureTool.super.apply( this, arguments ); + * } * OO.inheritClass( PictureTool, OO.ui.Tool ); * // Each tool must have a 'name' (used as an internal identifier, see later) and at least one * // of 'icon' and 'title' (displayed icon and text). @@ -6721,13 +6838,13 @@ OO.ui.Tool.prototype.destroy = function () { * // Defines the action that will happen when this tool is selected (clicked). * PictureTool.prototype.onSelect = function () { * $area.text( 'Picture tool clicked!' ); + * // Never display this tool as "active" (selected). * this.setActive( false ); * }; * // The toolbar can be synchronized with the state of some external stuff, like a text * // editor's editing area, highlighting the tools (e.g. a 'bold' tool would be shown as active * // when the text cursor was inside bolded text). Here we simply disable this feature. * PictureTool.prototype.onUpdateState = function () { - * this.setActive( false ); * }; * // Make this tool available in our toolFactory and thus our toolbar * toolFactory.register( PictureTool ); @@ -6735,34 +6852,42 @@ OO.ui.Tool.prototype.destroy = function () { * // Register two more tools, nothing interesting here * function SettingsTool() { * SettingsTool.super.apply( this, arguments ); - * }; + * this.reallyActive = false; + * } * OO.inheritClass( SettingsTool, OO.ui.Tool ); * SettingsTool.static.name = 'settings'; * SettingsTool.static.icon = 'settings'; * SettingsTool.static.title = 'Change settings'; * SettingsTool.prototype.onSelect = function () { * $area.text( 'Settings tool clicked!' ); - * this.setActive( false ); + * // Toggle the active state on each click + * this.reallyActive = !this.reallyActive; + * this.setActive( this.reallyActive ); + * // To update the menu label + * this.toolbar.emit( 'updateState' ); * }; * SettingsTool.prototype.onUpdateState = function () { - * this.setActive( false ); * }; * toolFactory.register( SettingsTool ); * * // Register two more tools, nothing interesting here * function StuffTool() { * StuffTool.super.apply( this, arguments ); - * }; + * this.reallyActive = false; + * } * OO.inheritClass( StuffTool, OO.ui.Tool ); * StuffTool.static.name = 'stuff'; * StuffTool.static.icon = 'ellipsis'; * StuffTool.static.title = 'More stuff'; * StuffTool.prototype.onSelect = function () { * $area.text( 'More stuff tool clicked!' ); - * this.setActive( false ); + * // Toggle the active state on each click + * this.reallyActive = !this.reallyActive; + * this.setActive( this.reallyActive ); + * // To update the menu label + * this.toolbar.emit( 'updateState' ); * }; * StuffTool.prototype.onUpdateState = function () { - * this.setActive( false ); * }; * toolFactory.register( StuffTool ); * @@ -6775,7 +6900,7 @@ OO.ui.Tool.prototype.destroy = function () { * head: true * } }, config ) ); * this.popup.$body.append( '

I am helpful!

' ); - * }; + * } * OO.inheritClass( HelpTool, OO.ui.PopupTool ); * HelpTool.static.name = 'help'; * HelpTool.static.icon = 'help'; @@ -6791,14 +6916,12 @@ OO.ui.Tool.prototype.destroy = function () { * include: [ 'picture', 'help' ] * }, * { - * // 'list' tool groups display both the titles and icons, in a dropdown list. - * type: 'list', + * // 'menu' tool groups display both the titles and icons, in a dropdown menu. + * // Menu label indicates which items are selected. + * type: 'menu', * indicator: 'down', - * label: 'More', * include: [ 'settings', 'stuff' ] * } - * // Note how the tools themselves are toolgroup-agnostic - the same tool can be displayed - * // either in a 'list' or a 'bar'. There is a 'menu' tool group too, not showcased here. * ] ); * * // Create some UI around the toolbar and place it in the document @@ -8459,8 +8582,9 @@ OO.ui.FormLayout.static.tagName = 'form'; * @fires submit */ OO.ui.FormLayout.prototype.onFormSubmit = function () { - this.emit( 'submit' ); - return false; + if ( this.emit( 'submit' ) ) { + return false; + } }; /** @@ -10283,8 +10407,6 @@ OO.mixinClass( OO.ui.PopupToolGroup, OO.ui.TitledElement ); OO.mixinClass( OO.ui.PopupToolGroup, OO.ui.ClippableElement ); OO.mixinClass( OO.ui.PopupToolGroup, OO.ui.TabIndexedElement ); -/* Static Properties */ - /* Methods */ /** @@ -10439,8 +10561,6 @@ OO.inheritClass( OO.ui.ListToolGroup, OO.ui.PopupToolGroup ); /* Static Properties */ -OO.ui.ListToolGroup.static.accelTooltips = true; - OO.ui.ListToolGroup.static.name = 'list'; /* Methods */ @@ -10563,8 +10683,6 @@ OO.inheritClass( OO.ui.MenuToolGroup, OO.ui.PopupToolGroup ); /* Static Properties */ -OO.ui.MenuToolGroup.static.accelTooltips = true; - OO.ui.MenuToolGroup.static.name = 'menu'; /* Methods */ @@ -11208,28 +11326,6 @@ OO.ui.ButtonWidget.prototype.onMouseUp = function ( e ) { return OO.ui.ButtonElement.prototype.onMouseUp.call( this, e ); }; -/** - * @inheritdoc - */ -OO.ui.ButtonWidget.prototype.onClick = function ( e ) { - var ret = OO.ui.ButtonElement.prototype.onClick.call( this, e ); - if ( this.href ) { - return true; - } - return ret; -}; - -/** - * @inheritdoc - */ -OO.ui.ButtonWidget.prototype.onKeyPress = function ( e ) { - var ret = OO.ui.ButtonElement.prototype.onKeyPress.call( this, e ); - if ( this.href ) { - return true; - } - return ret; -}; - /** * Get hyperlink location. * @@ -12702,7 +12798,7 @@ OO.ui.TextInputWidget = function OoUiTextInputWidget( config ) { // Events this.$input.on( { keypress: this.onKeyPress.bind( this ), - blur: this.setValidityFlag.bind( this ) + blur: this.onBlur.bind( this ) } ); this.$input.one( { focus: this.onElementAttach.bind( this ) @@ -12728,6 +12824,7 @@ OO.ui.TextInputWidget = function OoUiTextInputWidget( config ) { } if ( config.required ) { this.$input.attr( 'required', 'required' ); + this.$input.attr( 'aria-required', 'true' ); } if ( this.label || config.autosize ) { this.installParentChangeDetector(); @@ -12802,6 +12899,16 @@ OO.ui.TextInputWidget.prototype.onKeyPress = function ( e ) { } }; +/** + * Handle blur events. + * + * @private + * @param {jQuery.Event} e Blur event + */ +OO.ui.TextInputWidget.prototype.onBlur = function () { + this.setValidityFlag(); +}; + /** * Handle element attach events. * @@ -13025,17 +13132,25 @@ OO.ui.TextInputWidget.prototype.setValidation = function ( validate ) { /** * Sets the 'invalid' flag appropriately. + * + * @param {boolean} [isValid] Optionally override validation result */ -OO.ui.TextInputWidget.prototype.setValidityFlag = function () { - var widget = this; - this.isValid().done( function ( valid ) { - if ( !valid ) { - widget.$input.attr( 'aria-invalid', 'true' ); - } else { - widget.$input.removeAttr( 'aria-invalid' ); - } - widget.setFlags( { invalid: !valid } ); - } ); +OO.ui.TextInputWidget.prototype.setValidityFlag = function ( isValid ) { + var widget = this, + setFlag = function ( valid ) { + if ( !valid ) { + widget.$input.attr( 'aria-invalid', 'true' ); + } else { + widget.$input.removeAttr( 'aria-invalid' ); + } + widget.setFlags( { invalid: !valid } ); + }; + + if ( isValid !== undefined ) { + setFlag( isValid ); + } else { + this.isValid().done( setFlag ); + } }; /** @@ -14140,12 +14255,7 @@ OO.ui.PopupWidget = function OoUiPopupWidget( config ) { this.anchor = null; this.width = config.width !== undefined ? config.width : 320; this.height = config.height !== undefined ? config.height : null; - // Validate alignment and transform deprecated values - if ( [ 'left', 'right', 'force-left', 'force-right', 'backwards', 'forwards', 'center' ].indexOf( config.align ) > -1 ) { - this.align = { left: 'force-right', right: 'force-left' }[ config.align ] || config.align; - } else { - this.align = 'center'; - } + this.setAlignment( config.align ); this.closeButton = new OO.ui.ButtonWidget( { framed: false, icon: 'close' } ); this.onMouseDownHandler = this.onMouseDown.bind( this ); this.onDocumentKeyDownHandler = this.onDocumentKeyDown.bind( this ); @@ -14442,6 +14552,29 @@ OO.ui.PopupWidget.prototype.updateDimensions = function ( transition ) { return this; }; +/** + * Set popup alignment + * @param {string} align Alignment of the popup, `center`, `force-left`, `force-right`, + * `backwards` or `forwards`. + */ +OO.ui.PopupWidget.prototype.setAlignment = function ( align ) { + // Validate alignment and transform deprecated values + if ( [ 'left', 'right', 'force-left', 'force-right', 'backwards', 'forwards', 'center' ].indexOf( align ) > -1 ) { + this.align = { left: 'force-right', right: 'force-left' }[ align ] || align; + } else { + this.align = 'center'; + } +}; + +/** + * Get popup alignment + * @return {string} align Alignment of the popup, `center`, `force-left`, `force-right`, + * `backwards` or `forwards`. + */ +OO.ui.PopupWidget.prototype.getAlignment = function () { + return this.align; +}; + /** * Progress bars visually display the status of an operation, such as a download, * and can be either determinate or indeterminate: @@ -14747,6 +14880,7 @@ OO.ui.SearchWidget.prototype.getResults = function () { * * [1]: https://www.mediawiki.org/wiki/OOjs_UI/Widgets/Selects_and_Options * + * @abstract * @class * @extends OO.ui.Widget * @mixins OO.ui.GroupElement diff --git a/resources/lib/oojs-ui/themes/mediawiki/images/icons/arched-arrow-ltr-invert.png b/resources/lib/oojs-ui/themes/mediawiki/images/icons/arched-arrow-ltr-invert.png index 8a0714054c..37b57fe564 100644 Binary files a/resources/lib/oojs-ui/themes/mediawiki/images/icons/arched-arrow-ltr-invert.png and b/resources/lib/oojs-ui/themes/mediawiki/images/icons/arched-arrow-ltr-invert.png differ diff --git a/resources/lib/oojs-ui/themes/mediawiki/images/icons/arched-arrow-ltr-invert.svg b/resources/lib/oojs-ui/themes/mediawiki/images/icons/arched-arrow-ltr-invert.svg index 1874597fc2..9aca415804 100644 --- a/resources/lib/oojs-ui/themes/mediawiki/images/icons/arched-arrow-ltr-invert.svg +++ b/resources/lib/oojs-ui/themes/mediawiki/images/icons/arched-arrow-ltr-invert.svg @@ -1,6 +1,6 @@ - - - - - - + + + + + diff --git a/resources/lib/oojs-ui/themes/mediawiki/images/icons/arched-arrow-ltr.png b/resources/lib/oojs-ui/themes/mediawiki/images/icons/arched-arrow-ltr.png index 88db108921..7d2113f247 100644 Binary files a/resources/lib/oojs-ui/themes/mediawiki/images/icons/arched-arrow-ltr.png and b/resources/lib/oojs-ui/themes/mediawiki/images/icons/arched-arrow-ltr.png differ diff --git a/resources/lib/oojs-ui/themes/mediawiki/images/icons/arched-arrow-ltr.svg b/resources/lib/oojs-ui/themes/mediawiki/images/icons/arched-arrow-ltr.svg index 8a670ef209..049f21e2eb 100644 --- a/resources/lib/oojs-ui/themes/mediawiki/images/icons/arched-arrow-ltr.svg +++ b/resources/lib/oojs-ui/themes/mediawiki/images/icons/arched-arrow-ltr.svg @@ -1,6 +1,6 @@ - - - - - - + + + + + diff --git a/resources/lib/oojs-ui/themes/mediawiki/images/icons/arched-arrow-rtl-invert.png b/resources/lib/oojs-ui/themes/mediawiki/images/icons/arched-arrow-rtl-invert.png index c6cbec19b3..a50b30669a 100644 Binary files a/resources/lib/oojs-ui/themes/mediawiki/images/icons/arched-arrow-rtl-invert.png and b/resources/lib/oojs-ui/themes/mediawiki/images/icons/arched-arrow-rtl-invert.png differ diff --git a/resources/lib/oojs-ui/themes/mediawiki/images/icons/arched-arrow-rtl-invert.svg b/resources/lib/oojs-ui/themes/mediawiki/images/icons/arched-arrow-rtl-invert.svg index 75b23b44d0..11fffcb2b9 100644 --- a/resources/lib/oojs-ui/themes/mediawiki/images/icons/arched-arrow-rtl-invert.svg +++ b/resources/lib/oojs-ui/themes/mediawiki/images/icons/arched-arrow-rtl-invert.svg @@ -1,6 +1,6 @@ - - - - - - + + + + + diff --git a/resources/lib/oojs-ui/themes/mediawiki/images/icons/arched-arrow-rtl.png b/resources/lib/oojs-ui/themes/mediawiki/images/icons/arched-arrow-rtl.png index 0afcbfa558..ed69a01117 100644 Binary files a/resources/lib/oojs-ui/themes/mediawiki/images/icons/arched-arrow-rtl.png and b/resources/lib/oojs-ui/themes/mediawiki/images/icons/arched-arrow-rtl.png differ diff --git a/resources/lib/oojs-ui/themes/mediawiki/images/icons/arched-arrow-rtl.svg b/resources/lib/oojs-ui/themes/mediawiki/images/icons/arched-arrow-rtl.svg index 01fc216be5..20875f349b 100644 --- a/resources/lib/oojs-ui/themes/mediawiki/images/icons/arched-arrow-rtl.svg +++ b/resources/lib/oojs-ui/themes/mediawiki/images/icons/arched-arrow-rtl.svg @@ -1,6 +1,6 @@ - - - - - - + + + + + diff --git a/resources/lib/oojs-ui/themes/mediawiki/images/icons/link-ltr-invert.png b/resources/lib/oojs-ui/themes/mediawiki/images/icons/link-ltr-invert.png index dfcfb7ff89..1b1e2ed3cd 100644 Binary files a/resources/lib/oojs-ui/themes/mediawiki/images/icons/link-ltr-invert.png and b/resources/lib/oojs-ui/themes/mediawiki/images/icons/link-ltr-invert.png differ diff --git a/resources/lib/oojs-ui/themes/mediawiki/images/icons/link-ltr-invert.svg b/resources/lib/oojs-ui/themes/mediawiki/images/icons/link-ltr-invert.svg index d17622c8da..c98df5cf3f 100644 --- a/resources/lib/oojs-ui/themes/mediawiki/images/icons/link-ltr-invert.svg +++ b/resources/lib/oojs-ui/themes/mediawiki/images/icons/link-ltr-invert.svg @@ -1,6 +1,13 @@ - - - - - - + + + + + + + diff --git a/resources/lib/oojs-ui/themes/mediawiki/images/icons/link-ltr.png b/resources/lib/oojs-ui/themes/mediawiki/images/icons/link-ltr.png index 3b60a11a98..1fe66f1e51 100644 Binary files a/resources/lib/oojs-ui/themes/mediawiki/images/icons/link-ltr.png and b/resources/lib/oojs-ui/themes/mediawiki/images/icons/link-ltr.png differ diff --git a/resources/lib/oojs-ui/themes/mediawiki/images/icons/link-ltr.svg b/resources/lib/oojs-ui/themes/mediawiki/images/icons/link-ltr.svg index 1b332ce925..841ba7d482 100644 --- a/resources/lib/oojs-ui/themes/mediawiki/images/icons/link-ltr.svg +++ b/resources/lib/oojs-ui/themes/mediawiki/images/icons/link-ltr.svg @@ -1,6 +1,13 @@ - - - - - - + + + + + + + diff --git a/resources/lib/oojs-ui/themes/mediawiki/images/icons/menu-invert.png b/resources/lib/oojs-ui/themes/mediawiki/images/icons/menu-invert.png index 0400c192d2..0246e4d397 100644 Binary files a/resources/lib/oojs-ui/themes/mediawiki/images/icons/menu-invert.png and b/resources/lib/oojs-ui/themes/mediawiki/images/icons/menu-invert.png differ diff --git a/resources/lib/oojs-ui/themes/mediawiki/images/icons/menu-invert.svg b/resources/lib/oojs-ui/themes/mediawiki/images/icons/menu-invert.svg index dddbbb8d51..61b8877f8d 100644 --- a/resources/lib/oojs-ui/themes/mediawiki/images/icons/menu-invert.svg +++ b/resources/lib/oojs-ui/themes/mediawiki/images/icons/menu-invert.svg @@ -1,6 +1,10 @@ - - - - - - + + + + + + + diff --git a/resources/lib/oojs-ui/themes/mediawiki/images/icons/menu.png b/resources/lib/oojs-ui/themes/mediawiki/images/icons/menu.png index 0a781199fc..de7b1d2459 100644 Binary files a/resources/lib/oojs-ui/themes/mediawiki/images/icons/menu.png and b/resources/lib/oojs-ui/themes/mediawiki/images/icons/menu.png differ diff --git a/resources/lib/oojs-ui/themes/mediawiki/images/icons/menu.svg b/resources/lib/oojs-ui/themes/mediawiki/images/icons/menu.svg index 50ac8a3981..89fd97895f 100644 --- a/resources/lib/oojs-ui/themes/mediawiki/images/icons/menu.svg +++ b/resources/lib/oojs-ui/themes/mediawiki/images/icons/menu.svg @@ -1,6 +1,10 @@ - - - - - - + + + + + + + diff --git a/resources/lib/oojs-ui/themes/mediawiki/images/indicators/arrow-down-invert.png b/resources/lib/oojs-ui/themes/mediawiki/images/indicators/arrow-down-invert.png index 55f3d1f029..f18841d460 100644 Binary files a/resources/lib/oojs-ui/themes/mediawiki/images/indicators/arrow-down-invert.png and b/resources/lib/oojs-ui/themes/mediawiki/images/indicators/arrow-down-invert.png differ diff --git a/resources/lib/oojs-ui/themes/mediawiki/images/indicators/arrow-down-invert.svg b/resources/lib/oojs-ui/themes/mediawiki/images/indicators/arrow-down-invert.svg index 6ee680393c..847f9358b3 100644 --- a/resources/lib/oojs-ui/themes/mediawiki/images/indicators/arrow-down-invert.svg +++ b/resources/lib/oojs-ui/themes/mediawiki/images/indicators/arrow-down-invert.svg @@ -1,6 +1,8 @@ - - - - - - + + + + + + + diff --git a/resources/lib/oojs-ui/themes/mediawiki/images/indicators/arrow-down.png b/resources/lib/oojs-ui/themes/mediawiki/images/indicators/arrow-down.png index db8c51de13..15ec58611e 100644 Binary files a/resources/lib/oojs-ui/themes/mediawiki/images/indicators/arrow-down.png and b/resources/lib/oojs-ui/themes/mediawiki/images/indicators/arrow-down.png differ diff --git a/resources/lib/oojs-ui/themes/mediawiki/images/indicators/arrow-down.svg b/resources/lib/oojs-ui/themes/mediawiki/images/indicators/arrow-down.svg index 0c0da8ed58..173805774e 100644 --- a/resources/lib/oojs-ui/themes/mediawiki/images/indicators/arrow-down.svg +++ b/resources/lib/oojs-ui/themes/mediawiki/images/indicators/arrow-down.svg @@ -1,6 +1,8 @@ - - - - - - + + + + + + + diff --git a/resources/lib/oojs-ui/themes/mediawiki/images/indicators/arrow-ltr-invert.png b/resources/lib/oojs-ui/themes/mediawiki/images/indicators/arrow-ltr-invert.png index 9edc9deb77..22bf897746 100644 Binary files a/resources/lib/oojs-ui/themes/mediawiki/images/indicators/arrow-ltr-invert.png and b/resources/lib/oojs-ui/themes/mediawiki/images/indicators/arrow-ltr-invert.png differ diff --git a/resources/lib/oojs-ui/themes/mediawiki/images/indicators/arrow-ltr-invert.svg b/resources/lib/oojs-ui/themes/mediawiki/images/indicators/arrow-ltr-invert.svg index 64203e1dcc..2a91c027d6 100644 --- a/resources/lib/oojs-ui/themes/mediawiki/images/indicators/arrow-ltr-invert.svg +++ b/resources/lib/oojs-ui/themes/mediawiki/images/indicators/arrow-ltr-invert.svg @@ -1,6 +1,8 @@ - - - - - - + + + + + + + diff --git a/resources/lib/oojs-ui/themes/mediawiki/images/indicators/arrow-ltr.png b/resources/lib/oojs-ui/themes/mediawiki/images/indicators/arrow-ltr.png index 19e9820672..44403291ef 100644 Binary files a/resources/lib/oojs-ui/themes/mediawiki/images/indicators/arrow-ltr.png and b/resources/lib/oojs-ui/themes/mediawiki/images/indicators/arrow-ltr.png differ diff --git a/resources/lib/oojs-ui/themes/mediawiki/images/indicators/arrow-ltr.svg b/resources/lib/oojs-ui/themes/mediawiki/images/indicators/arrow-ltr.svg index 0d11e3ed8d..fb366e6497 100644 --- a/resources/lib/oojs-ui/themes/mediawiki/images/indicators/arrow-ltr.svg +++ b/resources/lib/oojs-ui/themes/mediawiki/images/indicators/arrow-ltr.svg @@ -1,6 +1,8 @@ - - - - - - + + + + + + + diff --git a/resources/lib/oojs-ui/themes/mediawiki/images/indicators/arrow-rtl-invert.png b/resources/lib/oojs-ui/themes/mediawiki/images/indicators/arrow-rtl-invert.png index ac769a3e8e..4f3c9d1634 100644 Binary files a/resources/lib/oojs-ui/themes/mediawiki/images/indicators/arrow-rtl-invert.png and b/resources/lib/oojs-ui/themes/mediawiki/images/indicators/arrow-rtl-invert.png differ diff --git a/resources/lib/oojs-ui/themes/mediawiki/images/indicators/arrow-rtl-invert.svg b/resources/lib/oojs-ui/themes/mediawiki/images/indicators/arrow-rtl-invert.svg index 3d36e4fdc2..3cce872e33 100644 --- a/resources/lib/oojs-ui/themes/mediawiki/images/indicators/arrow-rtl-invert.svg +++ b/resources/lib/oojs-ui/themes/mediawiki/images/indicators/arrow-rtl-invert.svg @@ -1,6 +1,8 @@ - - - - - - + + + + + + + diff --git a/resources/lib/oojs-ui/themes/mediawiki/images/indicators/arrow-rtl.png b/resources/lib/oojs-ui/themes/mediawiki/images/indicators/arrow-rtl.png index d912a1bb07..5f1f868fa4 100644 Binary files a/resources/lib/oojs-ui/themes/mediawiki/images/indicators/arrow-rtl.png and b/resources/lib/oojs-ui/themes/mediawiki/images/indicators/arrow-rtl.png differ diff --git a/resources/lib/oojs-ui/themes/mediawiki/images/indicators/arrow-rtl.svg b/resources/lib/oojs-ui/themes/mediawiki/images/indicators/arrow-rtl.svg index e4c04b80a1..62b6bb5018 100644 --- a/resources/lib/oojs-ui/themes/mediawiki/images/indicators/arrow-rtl.svg +++ b/resources/lib/oojs-ui/themes/mediawiki/images/indicators/arrow-rtl.svg @@ -1,6 +1,8 @@ - - - - - - + + + + + + + diff --git a/resources/lib/oojs-ui/themes/mediawiki/images/indicators/arrow-up-invert.png b/resources/lib/oojs-ui/themes/mediawiki/images/indicators/arrow-up-invert.png index c8f4402069..e6fad56e15 100644 Binary files a/resources/lib/oojs-ui/themes/mediawiki/images/indicators/arrow-up-invert.png and b/resources/lib/oojs-ui/themes/mediawiki/images/indicators/arrow-up-invert.png differ diff --git a/resources/lib/oojs-ui/themes/mediawiki/images/indicators/arrow-up-invert.svg b/resources/lib/oojs-ui/themes/mediawiki/images/indicators/arrow-up-invert.svg index 9bbde714d2..50da8de0e1 100644 --- a/resources/lib/oojs-ui/themes/mediawiki/images/indicators/arrow-up-invert.svg +++ b/resources/lib/oojs-ui/themes/mediawiki/images/indicators/arrow-up-invert.svg @@ -1,6 +1,8 @@ - - - - - - + + + + + + + diff --git a/resources/lib/oojs-ui/themes/mediawiki/images/indicators/arrow-up.png b/resources/lib/oojs-ui/themes/mediawiki/images/indicators/arrow-up.png index 214b12e397..38d01c7d18 100644 Binary files a/resources/lib/oojs-ui/themes/mediawiki/images/indicators/arrow-up.png and b/resources/lib/oojs-ui/themes/mediawiki/images/indicators/arrow-up.png differ diff --git a/resources/lib/oojs-ui/themes/mediawiki/images/indicators/arrow-up.svg b/resources/lib/oojs-ui/themes/mediawiki/images/indicators/arrow-up.svg index ad41a87b97..20e734fbf5 100644 --- a/resources/lib/oojs-ui/themes/mediawiki/images/indicators/arrow-up.svg +++ b/resources/lib/oojs-ui/themes/mediawiki/images/indicators/arrow-up.svg @@ -1,6 +1,8 @@ - - - - - - + + + + + + +